<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<title>江西省大组工网网络监管平台</title>
<head>
    <link rel="stylesheet" href="./swiper-bundle.min.css"/>
    <style>
        @font-face {
            font-family: AlibabaPuHuiTi-Bold;
            font-weight: bold;
            src: url("./otf/AlibabaPuHuiTi-3-85-Bold.ttf") format("opentype");
        }

        @font-face {
            font-family: DINCond-Medium-Regular;
            src: url("./otf/DINCond-Medium-Regular.otf") format("opentype");
        }

        .numFont {
            font-family: DINCond-Medium-Regular;
        }

        a {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
        }

        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            color: '#fff';
            font-size: 14px;
        }

        body {
            display: flex;
            flex-direction: column;
            background: url('./img/city_bg.png') no-repeat;
            color: #fff;
            background-size: cover;
        }

        .title {
            height: 80px;
            line-height: 80px;
            padding-left: 38px;
            font-size: larger;
            font-weight: 600;
            text-align: center;
            padding: 0 10px;
        }

        .content {
            display: flex;
            height: 100%;
            margin: 0 10px 0 10px;
            padding-bottom: 10px;
            flex: 1;
        }

        .l-top, .l-bittom, .c-top, .c-bottom, .r-top, .r-center, .r-bottom {
            height: 50%;
        }

        .center {
            flex: 1;
            /* border: 1px solid red; */
            margin: 0 10px;
            display: flex;
            flex-direction: column;
        }

        .right, .l-top, .l-bittom, .c-top, .c-bottom, .r-top, .r-center, .r-bottom {
            display: flex;
            flex-direction: column;
        }
        .g6-minimap{
            position: absolute;
        }
        .selectcity {
            background: url('./img/pselect.png') no-repeat !important;
            background-position: center !important;
        }
        .citynames {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-height: 80%;
            overflow-y: auto;
        }

        .cityname {
            display: flex;
            align-items: center;
            justify-content: center;
            background: url('./img/punSelect.png') no-repeat;
            background-position: center;
            width: 150px;
            margin: 12px auto; /* Adjust margin for spacing */
            height: 55px;
            cursor: pointer;
            overflow-wrap: break-word;
            color: #fff;
            padding: 12px; /* Adjust padding for spacing */
            max-width: 126px; /* Set the maximum width to match the background image width */
            text-align: center; /* Center the text within the container */
            word-wrap: break-word; /* Allow long words to break and wrap onto the next line */
        }
    </style>
</head>
<body>
<div class="content">
    <div class="left" style="width:10%;text-align: center;">
        <div class="citynames" >
            <div class="cityname selectcity" data="-1" onclick="changeTreeMap()" >
            省组织部
            </div>
            <div class="cityname selectcity" data="9469906696265729" onclick="changeTreeMap('9469906696265729')">
                省政府组成部门及直属单位
            </div>
            <div class="cityname" data="9469906696265730" onclick="changeTreeMap('9469906696265730')">
                2
            </div>
            <div class="cityname" data="9469906696265731" onclick="changeTreeMap('9469906696265731')">
                3
            </div>
            <div class="cityname" data="9469906696265732" onclick="changeTreeMap('9469906696265732')">
                4
            </div>
            <div class="cityname" data="9469906696265733" onclick="changeTreeMap('9469906696265733')">
                5
            </div>
            <div class="cityname" data="9469906696265734" onclick="changeTreeMap('9469906696265734')">
                6
            </div>
            <div class="cityname" data="9469906696265735" onclick="changeTreeMap('9469906696265735')">
                7
            </div>
            <div class="cityname selectcity" data="9469906696265729" onclick="changeTreeMap('9469906696265729')">
                省政府组成部门及直属单位
            </div>
            <div class="cityname" data="9469906696265730" onclick="changeTreeMap('9469906696265730')">
                2
            </div>
            <div class="cityname" data="9469906696265731" onclick="changeTreeMap('9469906696265731')">
                3
            </div>
            <div class="cityname" data="9469906696265732" onclick="changeTreeMap('9469906696265732')">
                4
            </div>
        </div>
        <a href="<%=path%>/big/navigation" class="back" style="width:205px;height: 60px;
                margin: 8px auto;line-height: 60px;cursor: pointer;position:fixed;display: grid;
                bottom: 34px;text-align: center; background: url('./img/backindex.png') no-repeat;background-size: cover;background-position: center;" >
            返回首页
        </a>
    </div>
    <div class="center" id="deviceMap">

        <div class="back" style="margin: 8px auto;position:fixed;right:160px;text-align: center;">
						<span class="jump provinces" style="border: 1px solid;padding: 0 12px;height: 34px;margin: 8px auto;line-height: 34px;
						       cursor: pointer;display:inline-block;background: #0060AA;border: 1px solid #0060AA;">
							省直机关
						</span>
            <a href="/big/city" class="jump citys" style="border: 1px solid;padding: 0 12px;height: 34px;margin: 8px auto;line-height: 34px;
						       cursor: pointer;display:inline-block;background: #0D1119;border: 1px solid #015B87;">
                市直机关
            </a>
        </div>
        <div class="back" style="margin: 8px auto;position:fixed;right:160px;
									bottom:140px;text-align: center;">
            <div class="orgNum numFont"
                 style="font-weight: 900;color: #EDF3FF;font-size: 80px;text-shadow: 3px 0px 7px #000000;
                         font-family: DINCond-Medium-Regular;background: url('./img/accessNum.png') no-repeat;background-size: contain;background-position: bottom;">
                0
            </div>
            <div style="font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color:#EDF3FF;">
                已接入省直机关数
            </div>
        </div>
    </div>
</div>
</body>
<script src="./jquery-3.7.0.min.js"></script>
<script src="./g6.min.js"></script>
<script src="./provinceindex.js"></script>
</html>
